<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>12-多分枝语句</title>
</head>
<body>
    <script>
        /* 
            多分支
            语法结构：
            if(布尔值1){
                逻辑体1；
            }else if(布尔值2){
                逻辑体2；
            }else if(布尔值3){
                逻辑体3；
            }else{
                逻辑体x;
            }
            执行顺序：
                1. 布尔值1,如果是 true,执行逻辑体1.跳出整个代码块。
                布尔值1,如果是 false,判断布尔值2.
                2. 布尔值2,如果是 true,执行逻辑体2.跳出整个代码块。
                布尔值2,如果是 false,判断布尔值3。
                ......
                x. 如果布尔值都是 false,则执行逻辑体x

            总结: 
                1. 只能选择其中的一个条件触发。    
                2. 可读性。
                3. 计算机的性能更高
        */
       var score = prompt('请输入您的成绩');
       if (score >90){
           alert('您的成绩为A');
       } else if(score>80 && score <= 90){
           alert('您的成绩为B');
       } else if(score>70 && score <= 80) {
           alert('您的成绩为C');
       } else{
           alert('您的成绩为D');
       }

    //    if(score>90){
    //        alert('A');
    //    }
    //    if(score >80 && score<=90){
    //        alert('B')
    //    }
    </script>
</body>
</html>